.all-achievements {
	width: 1060px;
	margin: auto;
	padding-left: 20px;
	height: 130px;
}

body {
	margin: 0;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #b4b4b4;
	background-image: url('../img/bg.png') !important;
	background-repeat: repeat;
}

.acheivement {
	background: #4F4F4E;
	border: 2px solid black;
}

.acheivement-editorTitle {
	color: #9DC34C;
	font-family: arial, helvetica, tahoma, trebuchet ms, sans-serif;
	font-size: 18pt;
	margin-bottom: 10px;
}

.acheivement-editorLabel {
	color: #C2C2C2;
	font-family: tahoma, helvetica, arial, trebuchet ms, sans-serif;
	font-size: 10pt;
	font-weight: bold;
}

.acheivement-editor {
	background: #4F4F4F;
	border: 2px solid black;
	margin: 5px;
}

.acheivement-icon {
	width: 120px;
	height: 120px;
	margin: 5px;
}

.acheivement-title {
	color: #9DC34C;
	font-family:arial, helvetica, tahoma, trebuchet ms, sans-serif;
	font-size:20px;
}

.acheivement-description {
	color: #C2C2C2;
	font-family: tahoma, helvetica, arial, trebuchet ms, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.acheivement-counter {
	color: #C2C2C2;
	font-family: tahoma, helvetica, arial, trebuchet ms, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin-left: 15px;
}

.acheivement-details {
	margin: 6px;
}

.acheivement-progressContainer {
	margin-top: 6px;
	margin-bottom: 6px;
}

.acheivement-progressBar {
	background: #1A1A1A;
}

.acheivement-progressBar-complete {
	background: #C9BA95;
}

.acheivement-button {
	margin: 10px;
	border: 1px solid #C9BA95;
	background: #4F4F4F;
	color: #C9BA95;
}

.mytable{
	background: #4F4F4E;
	border: 2px solid black;
}

.mytable tr {
	border: 1px solid #000000;
}

.mytable td {
	border: 1px solid #000000;
	padding: 10px;
}

.grid.four {
	width: 1060px;
}

.grid .photo {
	position: relative;
	line-height: 0;
	display: inline-block;
	width: 500px;
	height: 130px;
	margin: 0 20px 20px 0;
	background-color: #f7f8fa;
	overflow: hidden;
}

.gwt-TextBox {
	width: 350px;
}

.loader {
    z-index:1001;

    /* make it cover the whole screen */
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;

    /* make it white but fully transparent */
    background-color: white;
    opacity:.4;
    filter: alpha(opacity=00);
}

select {
    color: #000000 !important; /*The text in dropdowns is too grey...*/
}

.logoff {
    display:inline;
    float: right;
    margin-right: 5px;
}

.middled {
    vertical-align: middle;
    text-align: center;
}
/*
            .jssorb01 div           (normal)
            .jssorb01 div:hover     (normal mouseover)
            .jssorb01 .av           (active)
            .jssorb01 .av:hover     (active mouseover)
            .jssorb01 .dn           (mousedown)
            */
.jssorb01 div, .jssorb01 div:hover, .jssorb01 .av
{
    filter: alpha(opacity=70);
    opacity: .7;
    overflow:hidden;
    cursor: pointer;
    border: #000 1px solid;
}
.jssorb01 div { background-color: gray; }
.jssorb01 div:hover, .jssorb01 .av:hover { background-color: #d3d3d3; }
.jssorb01 .av { background-color: #fff; }
.jssorb01 .dn, .jssorb01 .dn:hover { background-color: #555555; }
/* jssor slider arrow navigator skin 05 css */
            /*
            .jssora05l              (normal)
            .jssora05r              (normal)
            .jssora05l:hover        (normal mouseover)
            .jssora05r:hover        (normal mouseover)
            .jssora05ldn            (mousedown)
            .jssora05rdn            (mousedown)
            */
            .jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn
            {
            	position: absolute;
            	cursor: pointer;
            	display: block;
                background: url(../img/arrow.png) no-repeat;
                overflow:hidden;
            }
            .jssora05l { background-position: -10px -40px; }
            .jssora05r { background-position: -70px -40px; }
            .jssora05l:hover { background-position: -130px -40px; }
            .jssora05r:hover { background-position: -190px -40px; }
            .jssora05ldn { background-position: -250px -40px; }
            .jssora05rdn { background-position: -310px -40px; }

.slidesDiv {
    cursor: move;
    position: absolute;
    left: 100px;
    top: 50px;
    overflow: hidden;
}
.bulletSlider {
    POSITION: absolute;
    WIDTH: 12px;
    HEIGHT: 12px;
}
.bulletNavigator {
    position: absolute;
    bottom: 16px;
    right: 10px;
}
.arrowSpan {
    width: 40px;
    height: 40px;
    bottom: 60px;
    right: 330px
}

.animate-show {
    line-height:20px;
    opacity:1;
}

.animate-show.ng-hide-add,
.animate-show.ng-hide-remove {
    display:block!important;
}

.animate-show.ng-hide-add.ng-hide-add-active,
.animate-show.ng-hide-remove.ng-hide-remove-active {
    -webkit-transition:all linear 0.3s;
    transition:all linear 0.3s;
}

.animate-show.ng-hide {
    line-height:0;
    opacity:0;
    padding:0 10px;
}

.my-fade-container {
    position: relative;
}
.ng-enter,
.ng-leave {
    -webkit-transition: 0.5s linear all;
    -moz-transition: 0.5s linear all;
    -o-transition: 0.5s linear all;
    transition: 0.5s linear all;
}
.ng-enter {
    z-index: 100;
    opacity: 0;
}
.ng-enter.ng-enter-active {
    opacity: 1;
}
.ng-leave {
    z-index: 101;
    opacity: 1;
}
.ng-leave.ng-leave-active {
    opacity: 0;
}

.backface-visibility {
    -webkit-backface-visibility: hidden;
    backface-visibility: visibility
}
